															<!--注册-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xmlns:th="http://www.thymeleaf.org" >
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<script type="text/javascript" th:src="@{/js/jquery1.4.js}"></script>
<title>码虫-注册</title>
<meta name="Keywords" content=""/>
<meta name="Description" content=""/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
<!-- Le styles -->
<link rel="stylesheet" type="text/css" th:href="@{/style/basic.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/style/login.css}"/>
<script type="text/javascript" th:src="@{/js/bioV4.min.js}"></script>
<script type="text/javascript" th:src="@{/js/jquery.lazyload.mini.js}"></script>
<link rel="stylesheet" type="text/css" th:href="@{/style/comment.css}"/>
<script type="text/javascript" th:src="@{/js/function.js}"></script>

	<link rel="stylesheet" type="text/css" th:href="@{/css/base.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/css/index.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}">

<link type="text/css" rel="stylesheet" th:href="@{/style/biobox2.css}" />
<script type="text/javascript" th:src="@{/js/biobox.js}"></script>
</head>
<body>
<script type="text/javascript" th:src="@{/js/borsertocss.js}"> </script><!-- 判断在IE9以下浏览器中根据像素的不同而设置的样式 -->
   <style type="text/css">
.dhl{
		height: 40px;
	}
</style>

<script type="text/javascript">
    function click()
    {
        window.alert("请先进行账号登录！");
    }
</script>

 <!--头部代码开始-->

<div class="navbar navbar-fixed-top" style="_position: relative;_z-index: 10000;">

	<!--nav-->
	<nav id="pc_nav" class="container clearfix hidden-xs" style="background-color: white;">
		<a href="http://www.baidu.com" th:href="@{/outLoginIndex}" class="fl mt10"><img th:src="@{/images/codeLogo.jpg}" width="120px" height="70px" ></a>
		<ul class="fr clearfix">
			<li>
				<a href="http://www.baidu.com" th:href="@{/outLoginIndex}">首页</a></li>
			<li><span>|</span></li>
			<li><a href="#" th:href="@{/item/itemsList}">项目</a></li>
			<li><span>|</span></li>
			<li><a href="javascript:click()">项目发布</a></li>
			<li><span>|</span></li>
			<li><a href="#" th:href="@{/help}">帮助</a></li>
		  <li>
                   <span><a href="javascript:click()"><img th:src="@{/images/center.png}" height="60px" width="60px"></a></span>
               </li>
		</ul>
	</nav>

	</div>
	
<!--头部代码结束-->
	<div class="hr tp-div-nexthr" style=" margin-top: 20px;margin-bottom: 0;padding: 0; "></div>
	<div class="container pb-15">
	<!-- Example row of columns -->
	<div class="row">
		<div class="span16">
			<div class="label-public-title t-30">
		  
			</div>
			<div class="label-div t-15 border-all" style="padding: 0; margin: 20px;">
				<div class="label-main">
					<div class="clearfix label-public pt-25">
						<div class="pull-left public-login span10" id="register-third" style="display: block;margin-left: 300px;">

						<form enctype="multipart/form-data"  th:action="@{/logged/enroll}" method="post" onsubmit= "return formCheck() ">
							<div class="pull-left public-login span10">
								<div class="pl-25 fc333"><h2 style="margin-left: 150px;">注册账号</h2></div>
								<div class="clearfix pl-25 pt-25">
									<div class="title pull-left fc999">昵称</div>
									<div class="pull-left l-20" style="_margin-left: 0;_width: 100px;">
										<input class="span4" name="nickname" id="nickname" type="text" maxlength="32" value="" /></div>
									<span class="pull-left l-20 fc999 info account_msg">设置您的个性化昵称</span>
								</div>

								<div class="clearfix pl-25 pt-25">
									<div class="title pull-left fc999">账号</div>
									<div class="pull-left l-20" style="_margin-left: 0;_width: 100px;">
										<input class="span4" name="username" id="username" type="text" maxlength="128" value="" /></div>
									<span class="pull-left l-20 fc999 info email_msg">该账号用于网站登录</span>
								</div>

								<div class="clearfix pl-25 pt-25">
									<div class="title pull-left fc999">密码</div>
									<div class="pull-left l-20" style="_margin-left: 0;_width: 100px;">
										<input type="password" id="password" name="password" value="" class="span4"/></div>
									<span class="pull-left l-20 fc999 info password_msg">密码最小值为6位（字母区分大小写）</span>
								</div>

								<div class="clearfix pl-25 pt-25">
									<div class="title pull-left fc999">确认密码</div>
									<div class="pull-left l-20" style="_margin-left: 0;_width: 100px;">
										<input type="password" id="password2" name="password2" value="" class="span4"/></div>
									<span class="pull-left l-20 fc999 info password_msg">请再次输入密码</span>
								</div>

								<div class="clearfix pl-25 pt-25">
									<div class="title pull-left fc999">注册成为：</div>
									<div class="pull-left l-20" style="_margin-left: 0;_width: 100px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										<input type="radio" name="Type" value="1" checked="checked"/> 开发方&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										<input type="radio" name="Type" value="2" checked="checked"/> 需求方&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									</div>
									<span class="pull-left l-20 fc999 info password_msg">请选择注册成为开发者类型</span>
								</div>

								<div class="clearfix pl-25 pt-25">
									<div class="title pull-left">&nbsp;</div>
									<div class="pull-left l-20 t-8" style="_width: auto;_margin-left: 15px;"><input type="checkbox" checked="checked" style="_width: 20px;_margin: 0;"/></div>
									<span class="pull-left l-5 info fc999" style="_width: auto;_margin: 0;">我已阅读并接受<a href="http://www.baidu.com" title="码虫外包平台协议" target="_blank">《码虫外包平台协议》</a></span>
								</div>

								<div class="clearfix pl-25 pt-25 pb-30">
									<div class="title pull-left l-20" style="_margin-left: 10px;">&nbsp;</div>
									<input class="pull-left login-register-btn" style="background-color:#00A4EE;color: white " value="注&nbsp;册" type="submit" />
									<span>
										<a th:href="@{/login}"  style="margin-left: 50px;color: #B5B5B5;font-size: 14px">已有账号前去登录</a></span>
								</div>
							</div>
						
							</form>	
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>


<!-- /container -->
 <div class="container">
 
 	<div class="hr"></div>
    
    </div>
  
<!-- /container -->


	</div>
     
 
<div class="footer">
		 
			<!--<p class="fc999 b-5 footer-info">致力于前沿生物科技和成功商业模式的传播</p>-->
			<div class="clearfix" style="background:#EDEDED;">
				
                <!--<p class="fc999 pull-left footer-info">Copyright © 2013 生物探索网站<span class="l-20">苏ICP备11025281号</span></p>-->
				
                <ul class="about-ul">
					<li>客服电话 400-100-8884 - More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a></li>
					<li><span>|</span></li>
					<li><a title="广告投放" href="javascript:;" class="fc666" target="_blank">广告投放</a></li>
					<li><span>|</span></li>
					<li><a title="企业服务" href="javascript:;" class="fc666" target="_blank">企业服务</a></li>
					<li><span>|</span></li>
					<li><a title="公司博客" href="javascript:;" class="fc666" target="_blank" >公司博客</a></li>
					<li><span>|</span></li>
					<li><a title="加入我们" href="javascript:;" class="fc666" target="_blank">加入我们</a></li>
					<li><span>|</span></li>
					<li><a title="服务协议" href="javascript:;" class="fc666" target="_blank">服务协议</a></li>
					<li><span>|</span></li>
                     <li id="zk_btn" class="ie6png down-class">
                   	 <a title="友情链接" href="javascript:void(0);" class="fc666">友情链接</a>
                    </li>
				    <div class="clear"></div>
				</ul>
			</div>
    
  			<div class="friend-link border-all t-20 b-20">
		<ul class="clearfix">
		
	</ul>
</div>
	<script type="text/javascript">
        function formCheck(){
            if(document.getElementById("nickname").value==""|| document.getElementById("nickname").value==null ) {
                alert("昵称不能为空！");
            	return false;
            }
            else
            if(document.getElementById("username").value==""|| document.getElementById("username").value==null) { alert("账号不可以为空！");//提示
				return false;//返回false
				}
				else {
                if(document.getElementById("password").value==""|| document.getElementById("password").value==null) { alert("密码不可以为空！");//提示
                    return false;//返回false
                }
                var pwd1 = document.getElementById("password").value;
                if (pwd1.length < 6) {
                    alert("密码长度不能低于6位")
                    return false;
                }
                var pwd2 = document.getElementById("password2").value;
                if (pwd1 != pwd2) {
                    alert("两次输入的密码不一致！");
                    return false;
                }
            }
            return true;
        }





	</script>




  <script type="text/javascript">
	$(document).ready(function(){
		var flag = 0;
		$(".friend-link").hide();
		//Down
		$("#zk_btn").click(function(){
			if(flag == 0){
				$(".friend-link").slideDown(400); 
				$(this).removeClass('down-class');
				$(this).addClass('up-class');
				$("html,body").animate({scrollTop:($(".friend-link").offset().top+2000)},600);
				flag = 1;
			}else{
				$(".friend-link").slideUp(400);  
				$(this).removeClass('up-class');
				$(this).addClass('down-class'); 
				flag = 0;
			}
		});
	});
</script>

		</div> 
 
 
<script type="text/javascript">backToTop('body');</script>
 

<script type="text/javascript">
$(document).ready(function(){
	$(".email-register-button").click(function(){
		$("#register-mail").fadeIn();
		$("#register-third").hide(); 
		$('#UcenterMember_account').focus();
	});
	$(".sina-register-button").click(function(){
		$("#register-mail").hide();
		$("#register-third").fadeIn(); 
	});
});

$('input').keydown(function(event){  
	if(event.keyCode == 13)submit_form('.login-register-btn');
});
 

</script>

 
</body>
</html>